<div id="addAServTypeMenuModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <h3 class="m-t-none m-b ">
                    <vc:i18n name="添加" namespace="addAServTypeMenu"></vc:i18n>
                </h3>
                <div class="ibox-content">
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">
                            <vc:i18n name="菜单名称" namespace="addAServTypeMenu"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <input v-model="addAServTypeMenuInfo.hktName" type="text"
                                :placeholder="vc.i18n('必填，请填写菜单名称','addAServTypeMenu')" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">
                            <vc:i18n name="logo" namespace="addAServTypeMenu"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <vc:create path="frame/uploadImage" callBackListener="addAServTypeMenu"
                                callBackFunction="notifyUploadCoverImage" namespace="addAServTypeMenu"
                                imageCount="1"></vc:create>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">
                            <vc:i18n name="菜单描述" namespace="addAServTypeMenu"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <input v-model="addAServTypeMenuInfo.hktDesc" type="text"
                                :placeholder="vc.i18n('选填，请填写服务描述','addAServTypeMenu')" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">
                            <vc:i18n name="标签" namespace="addAServTypeMenu"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <input v-model="addAServTypeMenuInfo.label" type="text"
                                :placeholder="vc.i18n('选填，请填写标签','addAServTypeMenu')" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row"
                        >
                        <label class="col-sm-2 col-form-label">
                            <vc:i18n name="家政类型" namespace="addAServTypeMenu"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="addAServTypeMenuInfo.tHktId"
                                >
                                <option selected value="">{{vc.i18n('请选择家政类型','addAServTypeMenu')}}</option>
                                <option v-for="(item,index) in addAServTypeMenuInfo.servTypes" :value="item.hktId">
                                    {{item.hktName}}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">
                            <vc:i18n name="排序" namespace="addAServTypeMenu"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <input v-model="addAServTypeMenuInfo.seq" type="text"
                                :placeholder="vc.i18n('必填，请填写排序','addAServTypeMenu')" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">
                            <vc:i18n name="显示" namespace="addAServTypeMenu"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="addAServTypeMenuInfo.isShow">
                                <option selected disabled value="">{{vc.i18n('必填，请选择显示','addAServTypeMenu')}}
                                </option>
                                <option value="Y">{{vc.i18n('是','addAServTypeMenu')}}</option>
                                <option value="N">{{vc.i18n('否','addAServTypeMenu')}}</option>
                            </select>
                        </div>
                    </div>

                    <div class="ibox-content">
                        <button class="btn btn-primary float-right" type="button"
                            v-on:click="saveAddAServTypeMenuInfo()"><i class="fa fa-check"></i>&nbsp;保存</button>
                        <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                            data-dismiss="modal">
                            <vc:i18n name="取消" namespace="addAServTypeMenu"></vc:i18n>
                        </button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>